<script lang="ts" setup>
  import { reactive } from 'vue';
  import Switch from '@sscd/switch';
  const state = reactive({
    checked1: true,
    checked2: false,
  });
</script>

<template>
  <div class="demo">
    <div class="demo-title">两种大小</div>
    <div class="demo-content">
      <Switch v-model:checked="state.checked1" />
      <br />
      <Switch v-model:checked="state.checked2" size="small" />
    </div>
  </div>
</template>
